{% extends "base.html" %}
{% block stylesheet %}
  <link rel="stylesheet" type="text/css" href="/site_media/css/user-panel.css" />
{% endblock %}
{% block script %}
  <script type="text/javascript" src="/site_media/js/user-panel.js"></script>
{% endblock %}
{% block title %}User Panel{% endblock %}
{% block content %}
      <div id="left-bar">
        <div id="category-block">
          <div class="tab-title-left">User Panel</div>
            <div class="block-body-left">
              <h4 class="sub-tab-title">Order Management</h4>
              <div class="sub-categories">
                <p><a href="/order/display/">My Orders</a></p>
              </div>
              <div class="sub-categories">
                <p><a href="">History Orders</a></p>
              </div>
              <h4 class="sub-tab-title">Account Management</a></h4>
              <div class="sub-categories">
                <p><a href="/user_panel/account_management/personal_info">Personal Information</a></p>
              </div>
              <div class="sub-categories">
                <p><a href="/user_panel/account_management/change_password">Change Password</a></p>
              </div>
              <div class="sub-categories">
                <p><a href="/user_panel/account_management/delivery_address/">Delivery Addresses</a></p>
              </div>
              <h4 class="sub-tab-title">My Goods</h4>
              <div class="sub-categories">
                <p><a href="/user_panel/goods/bought_goods/all/">My Bought Goods</a></p>
              </div>
              <div class="sub-categories">
                <p><a href="/user_panel/goods/favourite_goods/all/">My Favourite Goods</a></p>
              </div>
              <h4 class="sub-tab-title"><a href="/user_panel/my_comments/">My Comments</a></h4>
          </div>
        </div><!-- the end for category-block -->
      </div><!-- the end of left-bar -->
      {% block panel-content %} {% endblock %}
{% endblock %}
